<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>登入 - 啄木鸟</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
  >
    <script>
        var SYS_BASE_URL_ENUM;
    </script>
  <link rel="stylesheet" href="/static/lay/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/lay/style/admin.css" media="all">
  <link rel="stylesheet" href="/static/lay/style/login.css" media="all">
  <!--<link rel="stylesheet" href="/static/style/login.css" media="all">-->
  <script src="/static/lay/layui/layui.js"></script>
  <style>
    html {
      background-color: #fff;
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      background: url("/static/home/images/login_back.png") no-repeat center center;
      background-size: 100% 580px;
      height: 100%;
    }

    /* 登陆框 */
    .login {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 10px;
      width: 360px;
      max-height: 440px;
      margin: auto;
      padding: 30px 50px 50px 50px;
      background-color: #fff;
    }

    /* 商标 */
    .login-logo {
      width: 48px;
      height: 56px;
    }

    .login-title {
      padding-top: 10px;
      padding-bottom: 20px;
      color: #00A7EB;
      font-size: 22px;
    }

    /* 输入框 */
    .login-input {
      box-sizing: border-box;
      display: flex;
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 10px;
      margin-bottom: 20px;
      width: 100%;
    }

    .login-input > .layui-icon {
      color: #aaa;
    }

    .login-input > input {
      flex-grow: 1;
      border: none;
      margin-left: 10px;
      outline: none;
    }

    .login-btn {
      border: none;
      width: 100%;
      height: 44px;
      background: linear-gradient(180deg, #00A7EB, #0385BF);
      color: #fff;
      font-size: 16px;
      line-height: 36px;
    }
  </style>
</head>
<body class="page-login">
<form method="post" action="" class="login">
  <img src="/static/home/images/logo_20200226_4.png" style="min-width:184px; max-width: 184px;"
       class="logo shadow layui-col-sm5 layui-col-xs12 d-flex align-items-center justify-content-center py-5 px-4">
  <div class="login-title">啄木鸟运营管理平台V2.0</div>
  <div class="login-input">
    <label class="layui-icon layui-icon-username"></label>
    <input
      id="LAY-user-login-username"
      name="staffName"
      type="text" placeholder="请输入员工帐号"
    >
  </div>
  <!---->
  <div class="login-input">
    <label class="layui-icon layui-icon-password"></label>
    <input
      id="LAY-user-login-password"
      name="password"
      type="password" placeholder="请输入密码"
    >
  </div>
  <div style="display: none" id="vercode">
    <div class="login-input" style="width: 50%;float: left;">
      <label class="layui-icon layui-icon-vercode"></label>
      <input style="width: 50%;"
              id="LAY-user-login-vercode"
              name="vercode" maxlength="5"
              type="text" placeholder="请输入验证码"
      >
    </div>
    <div style="float: left;margin-left: 20px">
      <img style="min-width:80px; max-width: 100px;" src="/captcha/gif.action" id="vercodeImage"/>
    </div>
  </div>

  <button
    lay-submit
    lay-filter="lay-user-login-submit"
    class="login-btn"
  >登录
  </button>
</form>
<div
  class="login-container"
  style="display:none;"
>
  <div class="login-box">
    <form method="post" action="" class="layui-form">
      <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login1" style="display: none;">
        <input type="hidden" name="redirectUrl" id="redirectUrl" th:value="${redirectUrl}"/>
        <div class="layadmin-user-login-main">
          <div class="layadmin-user-login-box layadmin-user-login-header">
            <h2>啄木鸟运营管理平台</h2>
            <p class="tips-error" th:text="${message}"></p>
          </div>
          <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
            <div class="layui-form-item">
              <input
                type="text" name="staffName" id="LAY-user-login-username1" lay-verify="required"
                placeholder="请输入员工账号" class="layui-input"
              >
              <label
                class="layadmin-user-login-icon layui-icon layui-icon-username"
                for="LAY-user-login-username"
              ></label>
            </div>
            <div class="layui-form-item">
              <input
                type="password" name="password" id="LAY-user-login-password1" lay-verify="required"
                placeholder="请输入密码" class="layui-input"
              >
              <label
                class="layadmin-user-login-icon layui-icon layui-icon-password"
                for="LAY-user-login-password"
              ></label>
            </div>
            <div class="layui-form-item">
              <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="lay-user-login-submit">登
                录
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<script type="text/javascript" th:inline="javascript">
    layui.config({
        base: "/static/lay/",
        version:true
    }).extend({
        index: "lib/index",
        art_cas_login: "cas/zmn.art.cas.login",
    }).use(['index', 'art_cas_login']);
</script>
</body>
</html>